{% extends "base.html" %}
{% block body %}

<div class="section">
  <div class="content-text">
    <h2>Monthly Club</h2>

    <div class="section">
      <div class="club-how club-col">
        <h3>1. This is How It Works</h3>
        <div class="club-col-content">
          <ul>
            <li>
              You get <strong>2 cookies and 1 savory</strong> of your choice delivered to you monthly. You can also request <strong>3 cookies or 3 savories</strong>.
            </li>
            <li>
              Retail price would be $147.
            </li>
            <li>
              3 month subscription price is $105, includes shipping and handling.
            </li>
          </ul>
          <h4>
            For a savings of $42.
          </h4>
          <ul>
            <li>
              All payments are billed through PayPal. 3 month minimum. Delivery inside the US only.
            </li>
            <li>
              Contact us at: <a href="mailto:derrickskyinfo@gmail.com+club"
              >derrickskyinfo@gmail.com</a> to let us know what you'd like in
              your monthly deliveries.
            </li>
          </ul>
        </div>
      </div>

      <div class="club-payment club-col">
        <h3>2. Payment Options</h3>
        <div class="club-col-content">
          <div class="club-col-content club-col-sub-content">
            <label>
              <input type="radio" name="payment-type" value="prepaid"
                checked="checked">
              Prepaid
            </label>
            <p>
              Prepay for the total number of months you choose.
            </p>

            <form id="club-prepaid-addtocart" target="paypal"
              action="https://www.paypal.com/cgi-bin/webscr" method="post">
              <select name="quantity">
                <option value="3">3 months</option>
                <option value="4">4 months</option>
                <option value="5">5 months</option>
                <option value="6">6 months</option>
                <option value="7">7 months</option>
                <option value="8">8 months</option>
                <option value="9">9 months</option>
                <option value="10">10 months</option>
                <option value="11">11 months</option>
                <option value="12">12 months</option>
              </select>

              <input type="hidden" name="bn"
                value="DerrickSky_AddToCart_WPS_US">
              <input type="hidden" name="cmd" value="_cart">
              <input type="hidden" name="add" value="1">
              <input type="hidden" name="business" value="ZXMYSLHKPCVPW">
              <input type="hidden" name="item_name"
                value="Monthly Club - prepaid months">
              <input type="hidden" name="currency_code" value="USD">
              <input type="hidden" name="amount" value="35">
              <input type="submit" value="Add to cart">
            </form>
          </div>
        </div>

        <p class="club-col-content">
          <strong>- OR -</strong>
        </p>

        <div class="club-col-content">
          <div class="club-col-content club-col-sub-content">
            <label>
              <input type="radio" name="payment-type" value="ongoing">
              Ongoing
            </label>
            <form
              action="https://www.paypal.com/cgi-bin/webscr" method="post">
              <input type="hidden" name="cmd" value="_s-xclick">
              <input type="hidden" name="hosted_button_id"
                value="NPW52MCJAL828">
              <input id="club-payment-ongoing-btn"
                type="submit" value="Subscribe with PayPal">
            </form>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{% endblock %}


